<section class="content-section-column">
  <lv-card style="width: 530px" lvType="shadow" lvTitle="Card title" [lvExtra]="extraTpl" [lvShading]="true">
    <p>
      Basing on the status and activity during last 7 days, several volumes in the pool (Storagepool_multimedia_shenzhen) are potentially
      reclaimable. several volumes in the pool are potentially reclaimable.
    </p>
    <p>
      Basing on the status and activity during last 7 days, several volumes in the pool (Storagepool_multimedia_shenzhen) are potentially
      reclaimable. several volumes in the pool are potentially reclaimable.
    </p>
  </lv-card>

  <lv-card style="width: 530px" lvType="shadow" lvTitle="Card title" [lvExtra]="extraTpl" lvShading="assets/images/site/card-bg.png">
    <p>
      Basing on the status and activity during last 7 days, several volumes in the pool (Storagepool_multimedia_shenzhen) are potentially
      reclaimable. several volumes in the pool are potentially reclaimable.
    </p>
    <p>
      Basing on the status and activity during last 7 days, several volumes in the pool (Storagepool_multimedia_shenzhen) are potentially
      reclaimable. several volumes in the pool are potentially reclaimable.
    </p>
  </lv-card>
</section>

<ng-template #extraTpl>
  <i lv-icon="lv-icon-more" lvColorState class="ui-card-extra"></i>
</ng-template>
